<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>

    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <base href="<%=basePath%>">
    <title>Welcome to OSM : Login</title>

    <!--    <link rel="stylesheet" type="text/css" href="/osm/views/css/all.css" />-->
    <link type="text/css" href="../static/css/style-login.css"
          rel="stylesheet" />

    <script type="text/javascript"
            src="../static/js/common/jquery-2.2.3.min.js"></script>
    <!-- <script type="text/javascript" src="/osm/views/js/cloud.js"></script>-->
    <script type="text/javascript"
            src="../static/js/common/security.js"></script>
    <script type="text/javascript"
            src="../static/js/common/artDialog/jquery.artDialog.js?skin=blue"></script>
    <script type="text/javascript"
            src="../static/js/common/artDialog/plugins/iframeTools.js"></script>
    <script type="text/javascript"
            src="../static/js/common/core.js"></script>


</head>

<body>

<div class="pageTop">
		<span><img src="../static/img/osm_logo.png" width="216"
                   height="50" alt="OSM Logo"></span>
</div>

<div class="loginbody" align="center">

    <div class="loginbox">

        <form method="post" action="../login/driver/loginCheck" name="loginForm"
              onSubmit="return checkform();">
            <input type="hidden" name="modulus" value="${modulus}" /> <input
                type="hidden" name="exponent" value="${exponent}" /> <input
                type="hidden" name="key" />

            <ul>
                <li id="logintitle">Please log in</li>
                <li class="loginuser"><input name="account" id="account"
                                             type="text" value="${account }" placeholder="Account" /></li>
                <li class="loginpwd"><input name="password" id="password"
                                            type="password" placeholder="Password" /></li>

                <li><input name="sbbt" type="submit" class="loginbtn"
                           value="Sign in" /> <!--<label><input name="rememberPwd" type="checkbox" value="1"/>Remember Me </label>-->
                </li>

                <li>
                    <div align="center">
                        <font color="red"><span id="infos" style="display: none;">Input
									the password</span> <span id="errstr">${errorStr}</span></font>
                    </div>
                    <!--<div align="center" class="color_light_gray">Use your windows account</div>-->
                </li>

                <li>Not a Driver? Pls click
                    <a href="<%=path%>"> here </a></li>

            </ul>
        </form>



    </div>
</div>

<script>

    function forload(){
        document.getElementById("account").focus();
    }
    forload();

    function checkform(){
        //alert("test");
        var u=document.getElementById("account");
        var p=document.getElementById("password");
        var info=document.getElementById("infos");
        var err=document.getElementById("errstr");

        if(u.value==""){
            alert("Account can't be empty!");
            forload();
            return false;
        }
        if(p.value==""){
            //alert("密码不能为空");
            info.style.display="inline";
            err.style.display ="none";
            p.focus();
            return false;
        }
        return true;
    }
</script>

<div class="loginbm">&copy; Copyright OSM ${year}</div>

</body>
</html>